/*
  学习目标：在jsx中可以在`{}`来使用js表达式
  步骤：
     1. string number - 正常渲染
     2. boolean undefined null - 不会渲染
     3. 
*/
import React from 'react';
import ReactDOM from 'react-dom';

const name = '张三';
const age = 20;
const bl = true;
const dom = (
  <div>
    <div>姓名: {name}</div>
    <div>年龄: {age}</div>
    <div>
      布尔: {bl} - {String(bl)}
    </div>
    <div>
      undefined: {undefined} - {String(undefined)}
    </div>
    <div>
      null: {null} - {String(null)}
    </div>
  </div>
);

ReactDOM.render(dom, document.getElementById('root'));
